@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}	
a, a:link, a:visited {
    color: #333333;
    text-decoration: none;
}
body, button, input, select, textarea {
	font: 12px/1.6;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea,hr {
	margin: 0;
	padding: 0;
	border:0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
li {
	list-style: none;
}
fieldset, img {
	border: 0;
}
q:before, q:after {
	content: '';
}
a:focus, input, textarea {
	outline-style: none;
}
input[type="text"], input[type="password"], textarea {
	outline-style: none;
	-webkit-appearance: none;
}
textarea {
	resize: none
}
address, caption, cite, code, dfn, em, i, th, var {
	font-style: normal;
	font-weight: normal;
}
legend {
	color: #000;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
	height: 0;
	font: 0/0 Arial;
	visibility: hidden;
}
.fixed {
	position: fixed !important;
}
body{
	background:#e7e8ec;}
.login-wp{
    width: 100%;
    min-width: 960px;
    height: 222px;
    /* background: url(../images/login_wp_bg.png) center repeat-x; */
    position: absolute;
    top: 0px;
    left: 0px;
}
.login-ct{
    width: 960px;
    height: 222px;
    margin: 0 auto;
    position: relative;
}
.logo-tip{
    width: 670px;
    text-align: center;
    position: absolute;
    top: 320px;
    left: 125px;
    font-size: 12px;
    font-family: "Microsoft Yahei","Tahoma","SimSun";
    color: #454545;
}
.logo-tip a{
    padding: 0 10px;
}
.login-box{
    width: 270px;
    height: 264px;
    /* position: absolute; */
    top: -14px;
    /* right: 120px; */
    background: #f1f2f6;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    -border: #bbbdbb solid 1px;
    margin: 0 auto;
}
.login-title{
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: #ff9c00;
    margin-bottom: 8px;
}

.login-title p{
    font-size: 18px;
    font-family: "Microsoft Yahei","Tahoma","SimSun";
    text-indent: 16px;
    color: #fff;
}
.login-item{
    width: 100%;
    height: 32px;
    padding: 8px 0;
}
.login-item label{
    width: 64px;
    display: block;
    line-height: 32px;
    padding-left: 16px;
    float: left;
    text-align: right;
    font-size: 14px;
}
.login-item-input{
    float: left;
    position: relative;
}
.login-item-input .login-tip{
    display: none;
    position: absolute;
    top: 0px;
    left: 3px;
    line-height: 30px;
    color: #666;
}
.login-item-input input {
  width: 160px;
  height: 30px;
  border: #d3d3d3 solid 1px;;
  line-height: 30px;
  font-size: 16px;
  padding: 0 3px;
  color:#666;
}
.login-item-input .focus{
    border: #ff9c00 solid 1px;
}
.login-item-input .login-code{
    width: 62px;
    float: left;
}

.login-item-input .login-submit {
  border-radius: 4px;
  background-color: #ff9c00;
  border: 0;
  background-image: -moz-linear-gradient( 90deg, rgb( 239, 142, 3 ) 0%, rgb( 255, 156, 0 ) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb( 239, 142, 3 ) 0%, rgb( 255, 156, 0 ) 100%);
  width: 120px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  margin-left: 80px;
  cursor: pointer;
}
.login-item-input .login-submit-alpha{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* ie8  */
    filter:alpha(opacity=80);    /* ie5-7  */
    opacity: 0.8;    /* css standard, currently it works in most modern browsers  */
}
.code-box{
    width: 65px;
    height: 30px;
    border: #a6a6a7 solid 1px;
    float: left;
    margin-left: 5px;
    display: inline;
    cursor: pointer;
}
.code-box img{
     width: 65px;
    height: 30px;
}
.change-text{
    width: 30px;
    height: 30px;
    float: left;
}
.change-text a{
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/change_code.gif) center no-repeat;
}

.error-tip{
    width: 100%;
    text-align: center;
    color: red;
    font-size: 14px;
    height: 14px;
}
